$playerBarBackground: #000;
$playerBarFontColor: #fff;
$playerBarFontColor2: #c4c4c4;
$centerWidth:800px;
#playerBar {
  width: 100%;
  height: 60px;
  background: $playerBarBackground;
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  #left {
    flex: 0 1 80px;
  }
  #coverImg {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
  }
  #center {
    display: flex;
    flex: 0 1 $centerWidth;
    #songInfo {
      height: 49px;
      text-align: start;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: $playerBarFontColor;
      flex: 0 0 132px;
      h1 {
        font-size: 18px;
        line-height: 24px;
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      h2 {
        font-size: 14px;
        line-height: 18px;
        max-width: 140px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: $playerBarFontColor2;
      }
    }
    #control {
      display: flex;
      align-items: center;
      flex: 0 1 800px;
      p {
        flex: 0 0 80px;
        font-size: 18px;
        color: $playerBarFontColor;
      }
      div {
        flex: auto;
      }
    }
  }
  #controlBtns {
    display: flex;
    flex: 0 1 160px;
    justify-content: space-between;
    img {
      cursor: pointer;
    }
  }
  #otherBtns {
    display: flex;
    flex: 0 1 80px;
    justify-content: center;
    img {
      cursor: pointer;
    }
  }
}